html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
.inner{max-width: 1400px;margin: 0 auto;}
li{ list-style: none; }
a:hover{text-decoration: none;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block; }
@font-face{ font-family: DIN; src: url('./fonts/DIN-Regular.otf'); }
@font-face{ font-family: DinBold; src: url('./fonts/DIN-Bold.otf'); }
@font-face{ font-family: DinMedium; src: url('./fonts/DIN-Medium.ttf'); }
/*@font-face{ font-family: Hans; src: url('./fonts/SourceHanSansCN-Normal.otf'), url('./fonts/SourceHanSansCN-Regular.ttf');}*/

::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}


body{ --zhu-color:#112676; --pei-color:#fe9404; }
.inner{ width: 1400px; margin:0 auto; }
@media only screen and (max-width: 1400px){
  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }
}

/*top*/
.h_top{ padding:15px 0; position: fixed; top:0; left: 0; z-index: 99; width: 100%; box-sizing:border-box; transition: all .3s; background: rgba(17,38,118,.75);}
.h_top .inner{ display: flex; align-items: center; justify-content: space-between; }
.h_top .logo img{ max-width: 100%; }
/*.h_top .logo img + img{ display:none; }*/
.h_top .nav{ display: flex; align-items: center; justify-content: center; }
.h_top .nav li{ display: flex; }
.h_top .nav li a{ display: flex; height: 100%; padding:15px 0; margin:0 20px; line-height: 1; font-size: 16px; color: #fff; position: relative; transition: all 0.3s; }
.h_top .nav li a::before{ content: ""; display: inline-block; height: 2px; background: rgba(255,255,255,.5); border: 0; position: absolute; left: 50%; top: 0; width: 0; transition: all 0.3s; }
.h_top .nav li a:hover::before{ left: 0; width: 100%; transition: all 0.3s; }
.h_top .tel{ display: flex; align-items: center; font-size: 16px; color: #fff; }
.h_top .tel span{ font-size: 24px; color: #fff; margin-right: 5px; }
.scroll_d{ padding:10px 0; transition: all .3s; background: rgba(17,38,118,.75); }
.scroll_d .nav li a{ color: #fefcfc; }
.scroll_d .nav li a::before{ background: rgba(255,255,255,.5); }
.scroll_d .tel{ color: #fefcfc; }
.scroll_d .tel span{ color: #fefcfc; }
/*.scroll_d .logo img{ display:none; }*/
/*.scroll_d .logo img + img{ display:block; }*/
@media screen and (max-width: 1400px){
	.h_top .nav li a{ padding:15px 0; margin:0 8px; font-size: 15px; }
	.h_top .logo img{ max-width:270px; }
}
@media screen and (max-width: 1200px){
	.h_top .inner{ padding:0 8px; }
	.h_top .logo img{ max-width:220px; }
	.h_top .nav li a{ padding:10px 0; margin:0 10px; font-size: 12px; }
	.h_top .tel{ font-size: 12px; }
	.h_top .tel span{ font-size: 14px; margin-right: 3px; }
}
@media screen and (max-width: 992px){
	.h_top{ position: static; background: var(--zhu-color); padding:0; }
	.h_top .inner{ flex-direction: column; padding:0; }
	.h_top .logo{ padding:18px 0; }
	/*.h_top .logo img{ display:none; max-width:100%; }*/
	/*.h_top .logo img + img{ display:block; }*/
	.h_top .nav{ width: 100%; border-top:1px solid #ffffff; }
	.h_top .nav li{ width: 12.5%; display: inline-flex; align-items: center; justify-content: center; }
	.h_top .nav li a{ padding:18px 0; width: 100%; color:#fff; display: inline-flex; align-items: center; justify-content: center; margin:0; font-size: 15px; }
	.h_top .nav li a:hover{ transition: all .3s; background: var(--pei-color); }
	.h_top .nav li a::before{ display: none; }
	.h_top .tel{ display: none; }
}
@media screen and (max-width: 768px){
	.h_top .logo{ padding:16px 0; }
	.h_top .nav{ flex-wrap: wrap; border-bottom:1px solid #ffffff; }
	.h_top .nav li{ width: 25%; box-sizing: border-box; border-right: 1px solid #ffffff; }
	.h_top .nav li a{ padding:14px 0; font-size: 14px; }
	.h_top .nav li:nth-child(1), .h_top .nav li:nth-child(2), .h_top .nav li:nth-child(3), .h_top .nav li:nth-child(4){ border-bottom: 1px solid #ffffff; }
}
@media screen and (max-width: 640px){
	.h_top .logo{ padding:14px 0; }
	.h_top .nav li a{ padding:12px 0; }
}
@media screen and (max-width: 576px){
	.h_top .logo{ padding:12px 0; }
	.h_top .nav li a{ padding:10px 0; font-size: 13px; }
}
@media screen and (max-width: 414px){
	.h_top .logo{ width: 70%; }
	.h_top .logo img{ height: auto; }
	.h_top .nav li a{ padding:8px 0; font-size: 12px; }
}

/*top*/
.top{color:#fff;}
.top .inner{flex-direction: row;justify-content: flex-end;padding:0 15px;}
.top a{color:#fff;}

/*banner*/
#banner{ width: 100%; overflow: hidden; }
#banner .swiper-pagination{ bottom:76px; }
#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }
#banner .swiper-pagination-bullet-active{ width: 14px; height: 14px; background: var(--zhu-color); border-radius: 12px; border:none; }
@media only screen and (min-width: 1930px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 1910px){
  #banner img{ width: 100%;}
}
@media only screen and (max-width: 1400px){
  #banner .swiper-pagination{ bottom:74px; }
}
@media only screen and (max-width: 1200px){
  #banner .swiper-pagination{ bottom:70px; }
}
@media only screen and (max-width: 992px){
  #banner .swiper-pagination{ bottom:60px; }
}
@media only screen and (max-width: 768px){
  #banner .swiper-pagination{ bottom:52px; }
	#banner .swiper-pagination-bullet{ opacity: 1; width: 12px; height: 12px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 12px; height: 12px; background: var(--zhu-color); border-radius: 12px; border:none; }
}
@media only screen and (max-width: 640px){
  #banner .swiper-pagination{ bottom:15px; }
  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }
  #banner .swiper-pagination-bullet-active{ width: 10px; height: 10px; background: var(--zhu-color); border-radius: 12px; border:none; }
}
@media only screen and (max-width: 576px){
  .swiper-button-next, .swiper-button-prev{ background-size: 70%; }
}
@media only screen and (max-width: 414px){
  .swiper-button-next, .swiper-button-prev{ background-size: 50%; }
}

/*h_news*/
.h_news{ position: absolute; bottom:0; width: 100%; z-index: 33; background: rgba(255,255,255,.86);  }
.news_top{ display: flex; align-items: center; justify-content: space-between; padding:18px 0; width: 100%; overflow: hidden; }

.news_top .hd{ width: 14px; height: 24px; position: relative; }
.news_top .hd .prev, .news_top .hd .next{ cursor: pointer; font-size: 12px; line-height: 1; color: #222323; }
.news_top .hd .prev:hover, .news_top .hd .next:hover{ color: var(--pei-color); }
.news_top .hd .prev{ position: absolute; top:-4px; }
.news_top .hd .next{ position: absolute; bottom: -4px; }

.news_top .bd{ display: flex; align-items: center; width: calc(100% - 30px); }
.news_top .bd > span{ height: 24px; line-height: 1; font-size: 22px; color: #c30d23; display: inline-block; margin-right: 10px; }
.news_top .bd > div{ width: calc(100% - 30px); }
.news_top .bd ul{ width: 100%; }
.news_top .bd li{ overflow: hidden; }
.news_top .bd li a{ display: flex; width: 100%; align-items: center; justify-content: space-between; overflow: hidden; }
.news_top .bd li a b{ width: calc(100% - 80px); font-weight: normal; display: block; font-size: 16px; color: #333333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_top .bd li a small{ line-height: 1; font-size: 14px; color: #999999; }
@media screen and (max-width: 1400px){
	.news_top{ padding:16px 0; }
}
@media screen and (max-width: 1200px){
	.news_top{ padding:14px 0; }
}
@media screen and (max-width: 992px){
	.news_top{ padding:12px 0; }
	.news_top .bd li a b{ font-size: 15px; }
	.news_top .bd li a small{ font-size: 13px; }
}
@media screen and (max-width: 768px){
	.news_top{ padding:10px 0; }
	.news_top .bd li a b{ font-size: 14px; }
	.news_top .bd li a small{ font-size: 12px; }
}
@media screen and (max-width: 640px){
	.h_news{ display: none; }
}

/*m_about*/
.m_about{ overflow: hidden; background: url(../images/about_bg.jpg) no-repeat top center; padding:60px 0; }
.m_about .hd{ width: 100%; overflow: hidden; }
.m_about .hd .tit{ width: 100%; overflow: hidden; }
.m_about .hd .tit > b{ font-family: DIN; text-transform: uppercase; line-height: 1; font-size: 60px; color: var(--zhu-color); }
.m_about .hd .tit > span{ display: block; font-size: 18px; color: #666666; line-height: 1; margin:12px 0; }
.m_about .hd a{ display: inline-flex; align-items: center; margin-top:20px; line-height: 1; padding:12px 40px; border:1px solid var(--zhu-color); font-size: 16px; color: var(--zhu-color); transition: all .3s; }
.m_about .hd a span{ color: var(--zhu-color); font-size: 20px; margin-left: 12px; }
.m_about .hd a:hover{ transition: all .3s; background: var(--zhu-color); color: #ffffff; }
.m_about .hd a:hover span{ transition: all .3s; color: #ffffff; }
.m_about .hd p{ font-size: 14px; color: #666666; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; }
.m_about .list{ overflow: hidden; width: 100%; }
.m_about .list li{ border-bottom: 1px solid #dfe0e2; padding:20px 0; width: 100%; text-align: center; position: relative; }
.m_about .list li:first-child{ border-top: 1px solid #dfe0e2; }
.m_about .list li b{ font-size: 48px; font-family: DIN; line-height: 1; display: block; color: var(--zhu-color); }
.m_about .list li p{ font-size: 16px; color: #666666; line-height: 1; margin-top: 18px; }
.m_about .list li p span{ font-size: 20px; line-height: 1; margin-right: 8px; }
.m_about .list li > span{ position: absolute; right: 40px; top:20px; display: inline-block; width: 16px; height: 16px; background: var(--zhu-color); border-radius: 50%; line-height: 16px; font-size: 16px; color: #fff; }
.m_about .img{ width: 100%; position: relative; }
.m_about .img span{ display: inline-block; padding:15px 20px; background: #c30d23; font-size: 14px; line-height: 1; color: #fff; position: absolute; left:0; top:0; }
.m_about .img img{ width: 100%; }
@media screen and (max-width: 1400px){
	.m_about{ padding:30px 0; }
	.m_about .inner{ padding:0; }
	.m_about .img{ height: 382px; }
	.m_about .img img{ width: 100%; height: 100%; object-fit: cover; }
	.m_about .hd .tit > b{ font-size: 54px; }
	.m_about .list li{ padding:22px 0; }
	.m_about .list li b{ font-size: 44px; }
}
@media screen and (max-width: 1200px){
	.m_about{ padding:25px 0; }
	.m_about .hd .tit > b{ font-size: 48px; }
	.m_about .list li{ padding:24px 0; }
	.m_about .list li b{ font-size: 40px; }
	.m_about .list li > span{ right: 10px; }
	.m_about .list li p{ font-size: 15px; }
}
@media screen and (max-width: 992px){
	.m_about{ padding:20px 0; background-size: cover; }
	.m_about .hd .tit > b{ font-size: 42px; }
	.m_about .list{ margin:15px 0; display: flex; }
	.m_about .list li{ width: 33.3%; }
	.m_about .list li + li{ border-top: 1px solid #dfe0e2; border-left: 1px solid #dfe0e2; }
	.m_about .list li b{ font-size: 36px; }
	.m_about .img{ height: auto; }
	.m_about .img img{ height: auto; }
}
@media screen and (max-width: 768px){
	.m_about{ padding:15px 0; }
	.m_about .hd .tit > b{ font-size: 36px; }
	.m_about .list li b{ font-size: 32px; }
	.m_about .hd .tit > span{ font-size: 17px; }
}
@media screen and (max-width: 640px){
	.m_about .hd .tit{ width: 100%; display: flex; align-items: center; }
	.m_about .hd .tit > b{ font-size: 30px; margin-right: 12px; }
	.m_about .list li b{ font-size: 28px; }
	.m_about .hd .tit > span{ font-size: 16px; margin:10px 0; }
	.m_about .hd a{ margin-top:16px; padding:10px 24px; font-size: 16px; }
	.m_about .hd a span{ font-size: 16px; margin-left: 10px; }
}
@media screen and (max-width: 576px){
	.m_about .hd .tit > b{ font-size: 24px; }
	.m_about .list{ display: flex; flex-direction: column; }
	.m_about .list li{ width: 100%; padding:14px 0; }
	.m_about .list li + li{ border-top: 0; border-left: 0; }
	.m_about .list li b{ font-size: 24px; }
	.m_about .hd .tit > span{ font-size: 15px; margin:8px 0; }
	.m_about .hd a{ margin-top:15px; padding:8px 20px; font-size: 15px; }
	.m_about .hd a span{ font-size: 15px; margin-left: 8px; }
}
@media screen and (max-width: 414px){
	.m_about .hd .tit > b{ font-size: 18px; }
	.m_about .list li{ padding:12px 0; }
	.m_about .list li b{ font-size: 20px; }
	.m_about .hd .tit > span{ font-size: 14px; margin:6px 0; }
	.m_about .hd a{ margin-top:12px; padding:6px 16px; font-size: 12px; }
	.m_about .hd a span{ font-size: 12px; margin-left: 6px; }
}

/*m_credit*/
.m_credit{ overflow: hidden; background: #fff; padding:60px 0; }
.m_credit .hd{ margin-bottom: 30px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.m_credit .hd .tit{ width: 50%; overflow: hidden;  }
.m_credit .hd .tit > b{ font-family: DIN; text-transform: uppercase; line-height: 1; font-size: 60px; color: var(--zhu-color); }
.m_credit .hd .tit > span{ display: block; font-size: 18px; color: #666666; line-height: 1; margin:12px 0; }
.m_credit .bd{ overflow: hidden; width: 100%; }
.m_credit .bd a{ display: block; width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; border:1px solid #eee; }
.m_credit .bd a img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.m_credit .bd a b{ width: 100%; font-size: 18px; font-weight: normal; color: #ffffff; display: block; position: absolute; bottom:0; background: rgba(0,0,0,.58); box-sizing:border-box; padding:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_credit .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.m_credit .type{ display: flex; align-items: center; }
.m_credit .type a{ display: inline-block; margin:0 4px; padding:6px 24px; border:1px solid #dfe0e2; border-radius: 5px;transition: all .3s; }
.m_credit .type a span{ font-size: 16px; color: #333333; line-height: 1; display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_credit .type a:hover{ border-color: var(--zhu-color); background: var(--zhu-color); color: #ffffff; transition: all .3s; }
.m_credit .type a:hover span{ transition: all .3s; color: #ffffff; }
@media screen and (max-width: 1400px){
	.m_credit{ padding:30px 0; }
	.m_credit .hd{ margin-bottom: 18px; }
	.m_credit .hd .tit > b{ font-size: 54px; }
}
@media screen and (max-width: 1200px){
	.m_credit{ padding:25px 0; }
	.m_credit .hd{ margin-bottom: 13px; }
	.m_credit .hd .tit > b{ font-size: 48px; }
	.m_credit .bd a b{ font-size: 17px; }
}
@media screen and (max-width: 992px){
	.m_credit{ padding:20px 0; background-size: cover; }
	.m_credit .hd{ margin-bottom: 8px; }
	.m_credit .hd .tit > b{ font-size: 42px; }
	.m_credit .bd a b{ font-size: 16px; padding:12px 15px; }
	.m_credit .type a{ padding:5px 14px; }
	.m_credit .type a span{ font-size: 14px; }
}
@media screen and (max-width: 768px){
	.m_credit{ padding:15px 0; }
	.m_credit .hd{ margin-bottom: 3px; }
	.m_credit .hd .tit > b{ font-size: 36px; }
	.m_credit .hd .tit > span{ font-size: 17px; }
	.m_credit .type a{ padding:4px 12px; }
	.m_credit .type a span{ font-size: 13px; }
	.m_credit .bd a b{ font-size: 15px; padding:10px 15px; }
}
@media screen and (max-width: 640px){
	.m_credit .hd{ margin-bottom: 12px; }
	.m_credit .hd .tit{ width: 100%; display: flex; align-items: center; }
	.m_credit .hd .tit > b{ font-size: 30px; margin-right: 12px; }
	.m_credit .hd .tit > span{ font-size: 16px; margin:10px 0; }
	.m_credit .bd a b{ font-size: 14px; padding:8px 15px; }
	.m_credit .type{ display: none; }
}
@media screen and (max-width: 576px){
	.m_credit .hd .tit > b{ font-size: 24px; }
	.m_credit .hd .tit > span{ font-size: 15px; margin:8px 0; }
	.m_credit .bd a b{ font-size: 13px; padding:6px 12px; }
}
@media screen and (max-width: 414px){
	.m_credit .hd .tit > b{ font-size: 18px; }
	.m_credit .hd .tit > span{ font-size: 14px; margin:6px 0; }
	.m_credit .bd a b{ font-size: 12px; padding:4px 10px; }
}


/*m_news*/
.m_news{ overflow: hidden; background: url(../images/news_bg.jpg) no-repeat top center; padding:60px 0; background-size: cover; }
.m_news .hd{ margin-bottom: 30px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }
.m_news .hd .tit{ width: 50%; overflow: hidden;  }
.m_news .hd .tit > b{ font-family: DIN; text-transform: uppercase; line-height: 1; font-size: 60px; color: #ffffff; }
.m_news .hd .tit > span{ display: block; font-size: 18px; color: #fff; line-height: 1; margin:12px 0; }
.m_news .more{ display: flex; align-items: center; overflow: hidden; }
.m_news .more a{ transition: all .3s; color: #fff; font-size: 14px; display: inline-block; padding:14px 28px; border:1px solid #aaa; border-radius: 30px; line-height: 1; }
.m_news .more a:hover{ transition: all .3s; background: var(--pei-color); color: #ffffff; border-color: var(--pei-color); }
.m_news .bd{ background: #fff; width: 100%; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; padding:35px; }
.img_news{ width: calc(50% - 15px); overflow: hidden; }
.img_news .img{ width: 100%; height: 308px; overflow: hidden; }
.img_news .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.img_news .txt{ overflow: hidden; padding-top: 30px; }
.img_news .txt b{ line-height: 2.3; display: block; font-size: 20px; font-family: Hans; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.img_news .txt p{ font-size: 14px; color: #999999; line-height: 2.1; font-family: Hans; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.img_news .txt small{ display: block; line-height: 1; margin: 22px 0; font-size: 14px; color: #999999; }
.img_news .txt span{ display: inline-block; margin-top: 22px; padding:16px 40px; border:2px solid var(--zhu-color); border-radius: 5px; font-size: 16px; color: var(--zhu-color); font-family: Hans; }
.img_news a:hover b{ color: var(--zhu-color); transition: all .3s; }
.img_news a:hover span{ letter-spacing: 2px; background: var(--zhu-color); color: #fff; transition: all .3s; }
.newlist{ width: calc(50% - 15px); }
.newlist a{ display: flex; align-items: center; justify-content: space-between; overflow: hidden; }
.newlist a + a{ margin-top: 40px; }
.newlist a span{ display: inline-block; margin-right: 22px; width: 116px; height: 116px; border:1px solid #d9d4d1; text-align: center; font-size: 18px; color: #999999; border-radius: 5px; }
.newlist a span b{ font-size: 72px; color: #999999; font-family: DIN; display: block; padding:6px 0; line-height: 1; }
.newlist a > div{ width: calc(100% - 140px); }
.newlist a > div b{ font-size: 20px; color: #333333; display: block; line-height: 2.5; text-overflow: ellipsis; white-space: nowrap; font-family: Hans; overflow: hidden; }
.newlist a > div p{ font-size: 14px; color: #999999; line-height: 2.1; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.newlist a:hover span{ background: var(--zhu-color); color: #fff; transition: all .3s; }
.newlist a:hover span b{ color: #fff; }
.newlist a:hover > div b{ color: var(--zhu-color); transition: all .3s; }
@media screen and (max-width: 1400px){
	.m_news{ padding:30px 0; }
	.m_news .hd .tit > b{ font-size: 54px; }
	.m_news .bd{ padding:30px; }
	.img_news .txt{ padding-top: 25px; }
	.img_news .txt span{ margin-top: 17px; padding:14px 36px; }
	.newlist a + a{ margin-top: 35px; }
	.newlist a span b{ font-size: 66px; padding:10px 0; }
}
@media screen and (max-width: 1200px){
	.m_news{ padding:25px 0; }
	.m_news .hd .tit > b{ font-size: 48px; }
	.m_news .bd{ padding:25px; }
	.img_news .txt{ padding-top: 20px; }
	.img_news .txt span{ margin-top: 8px; padding:12px 32px; font-size: 15px; }
	.newlist a + a{ margin-top: 30px; }
	.newlist a span b{ font-size: 60px; }
	.newlist a span{ font-size: 17px; }
}
@media screen and (max-width: 992px){
	.m_news{ padding:20px 0; background-size: cover; }
	.m_news .hd .tit > b{ font-size: 42px; }
	.m_news .bd{ padding:20px; flex-wrap: wrap; }
	.img_news, .newlist{ width: 100%; }
	.newlist{ margin-top: 20px; }
	.img_news .txt{ padding-top: 15px; }
	.img_news .txt b, .newlist a > div b{ font-size: 19px; line-height: 1.8; }
	.img_news .txt p{ line-height: 1.8; }
	.img_news .txt span{ margin-top: 0; padding:10px 28px; font-size: 14px; }
	.newlist a + a{ margin-top: 25px; }
	.newlist a span{ width: 100px; height: 100px; margin-right: 12px; }
	.newlist a span b{ font-size: 54px; padding:6px 0; }
	.newlist a span{ font-size: 16px; }
	.newlist a > div{ width: calc(100% - 112px); }
}
@media screen and (max-width: 768px){
	.m_news{ padding:15px 0; }
	.m_news .hd .tit > b{ font-size: 36px; }
	.m_news .hd .tit > span{ font-size: 17px; }
	.m_news .bd{ padding:15px; }
	.img_news .txt{ padding-top: 10px; }
	.img_news .txt b, .newlist a > div b{ font-size: 18px; line-height: 1.5; margin-bottom: 10px; }
	.img_news .txt p, .img_news .txt p{ line-height: 1.5; }
	.img_news .txt small{ margin:12px 0; }
	.newlist a + a{ margin-top: 20px; }
	.newlist a span b{ font-size: 48px; padding:10px 0; }
	.newlist a span{ font-size: 15px; }
	.newlist a > div p{ line-height: 1.8; }
	.img_news .txt span{ padding:8px 24px; font-size: 13px; }
}
@media screen and (max-width: 640px){
	.m_news .hd .tit > b{ font-size: 30px; }
	.m_news .hd .tit > span{ font-size: 16px; margin:10px 0; }
	.m_news .hd a{ margin-top:16px; padding:10px 24px; font-size: 16px; }
	.m_news .hd a span{ font-size: 16px; margin-left: 10px; }
	.m_news .bd{ padding:10px; }
	.img_news .txt b, .newlist a > div b{ font-size: 17px; margin-bottom: 4px; }
	.img_news .txt p, .img_news .txt p{ font-size: 13px; }
	.newlist a + a{ margin-top: 15px; }
	.newlist a span{ width: 80px; height: 80px; }
	.newlist a span b{ font-size: 42px; padding:5px 0; }
	.newlist a span{ font-size: 14px; }
	.newlist a > div{ width: calc(100% - 92px); }
	.newlist a > div p{ line-height: 1.5; }
	.img_news .txt span{ padding:6px 20px; font-size: 12px; border:1px solid var(--zhu-color); }
}
@media screen and (max-width: 576px){
	.m_news .hd .tit > b{ font-size: 24px; }
	.m_news .hd .tit > span{ font-size: 15px; margin:8px 0; }
	.m_news .hd a{ margin-top:15px; padding:8px 20px; font-size: 15px; }
	.m_news .hd a span{ font-size: 15px; margin-left: 8px; }
	.img_news .txt b, .newlist a > div b{ font-size: 16px; font-weight: normal; }
	.img_news .txt p, .img_news .txt p{ font-size: 12px; }
	.newlist a{ padding-bottom: 10px; border-bottom: 1px solid #dfe0e2; }
	.newlist a + a{ margin-top: 10px; }
	.newlist a span{ display: none; }
	.newlist a > div{ width: 100%; }
}
@media screen and (max-width: 414px){
	.m_news .hd .tit > b{ font-size: 18px; }
	.m_news .hd .tit > span{ font-size: 14px; margin:6px 0; }
	.img_news .txt b, .newlist a > div b{ font-size: 15px; }
	.m_news .hd a{ margin-top:12px; padding:6px 16px; font-size: 12px; }
	.m_news .hd a span{ font-size: 12px; margin-left: 6px; }
	
}

/*f_msg*/
.f_msg{ overflow: hidden; padding:100px 0 46px; background: url(../images/msg_bg.jpg) no-repeat top center; }
.f_msg .input-group{ height: 49px; line-height: 49px; position: relative; margin-bottom: 27px; background: #f6f6f6; border-radius: 5px; }
.f_msg .input-group-text{ background: none; border:0; }
.f_msg .input-group-text span{ font-size: 20px; color: #c8c8c8; }
.f_msg input{ outline: none; width: calc(100% - 44px); height: 100%; padding:0; background: #f6f6f6; line-height: 49px; border:0; font-size: 14px; color: #666666; }
.f_msg .w100 .input-group{ height: 156px; }
.f_msg .w100 .input-group-prepend{ height: 49px; position: relative; z-index: 33; }
.f_msg .w100 textarea{ width: 100%; height: 100%; position: absolute; left:0; top:0; text-indent: 32px; z-index: 22; font-size: 14px; color: #666666; resize: none; border-radius: 5px; line-height: 1.5; padding:12px; background:#f6f6f6; }
.f_msg .submit{ display: inline-flex; align-items: center; justify-content: center; padding:12px 36px; transition: all .3s; cursor: pointer; border-radius: 30px; display: inline-block; font-family: "Adobe 榛戜綋 Std"; background: -webkit-linear-gradient(left, #d4aefd 0%, #1c95e2 100%); background: -o-linear-gradient(right, #d4aefd 0%, #1c95e2 100%); background: -moz-linear-gradient(right, #d4aefd 0%, #1c95e2 100%); background: linear-gradient(to right, #d4aefd 0%, #1c95e2 100%);   }
.f_msg .submit small{ display: inline-block; font-size: 24px; color: #ffffff; font-weight: normal; line-height: 1; }
.f_msg .submit span{ transition: all .3s; color: #fff; display: inline-block; margin-left: 10px; font-size: 24px; line-height: 1; }
.f_msg .submit:hover{ transition: all .3s; color: #fff; }
.f_msg .submit:hover span{ transition: all .3s; color: #fff; }
.f_msg .img{ width:100%; overflow: hidden; padding-right: 30px; text-align: right; }
.f_msg .img .txt{ display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
.f_msg .img .txt p{ font-size: 24px; color: #666666; line-height: 1; }
.f_msg .img .txt b{ font-size: 30px; font-weight: bold; color: #333333; line-height: 1; margin:20px 0; }
.f_msg .img .txt span{ font-size: 24px; color: #e0e1e2; text-transform: uppercase; line-height: 1; }
.f_msg .img .txt i{ font-size: 30px; font-style: normal; margin: -5px 0 15px; color: var(--zhu-color); font-weight: bold; text-transform: uppercase; line-height: 1; }
#verifyImg{ top:-12px; position: relative; height: 49px; }
@media screen and (max-width: 1400px){
	.f_msg{ padding:80px 0 40px; }
	.f_msg .inner{ padding:0; }
	.f_msg .input-group{ height: 47px; line-height: 47px; margin-bottom: 25px; }
	#verifyImg{ height: 47px; }
	.f_msg .img{ padding-right: 0; }
	.f_msg .img .txt p{ font-size: 22px; }
	.f_msg .img .txt b{ font-size: 28px; }
	.f_msg .img .txt span{ font-size: 22px; }
	.f_msg .img .txt i{ font-size: 28px; }
	.f_msg .submit small, .f_msg .submit span{ font-size: 22px; }
}
@media screen and (max-width: 1200px){
	.f_msg{ padding:60px 0 40px; }
	.f_msg .input-group{ height: 42px; line-height: 42px; margin-bottom: 20px; }
	#verifyImg{ height: 42px; top:-10px; }
	.f_msg .img{ padding-right: 0; }
	.f_msg .img .txt p{ font-size: 20px; }
	.f_msg .img .txt b{ font-size: 22px; }
	.f_msg .img .txt span{ font-size: 20px; }
	.f_msg .img .txt i{ font-size: 22px; }
	.f_msg .submit small, .f_msg .submit span{ font-size: 20px; }
}
@media screen and (max-width: 992px){
	.f_msg{ padding:40px 0; }
	.f_msg .input-group{ height: 40px; line-height: 40px; margin-bottom: 15px; }
	#verifyImg{ height: 40px; top:-7px; }
	.f_msg .img{ padding-right: 0; }
	.f_msg .img .txt p{ font-size: 18px; }
	.f_msg .img .txt b{ font-size: 20px; }
	.f_msg .img .txt span{ font-size: 18px; }
	.f_msg .img .txt i{ font-size: 20px; }
	.f_msg .w100 .input-group{ height: 100px; }
	.f_msg .submit small, .f_msg .submit span{ font-size: 18px; }
}
@media screen and (max-width: 768px){
	.f_msg{ padding:15px 0; background: url(../images/msg_bg.jpg) no-repeat bottom center; }
	.f_msg .img{ display: none; }
	.f_msg .submit small, .f_msg .submit span{ font-size: 16px; }
}

/* m_link */
.m_link{ overflow: hidden; padding:20px 0; }
.m_link b{ display: inline-block; font-size: 20px; color: #000; display: inline-block; }
.m_link a{ line-height: 1.5; display: inline-block; font-size: 18px; color: #fe0000; padding:0 12px; font-weight: bold;}
.m_link em{ color: #999; position: relative; top:4px; }
.m_link a:hover{ color: var(--zhu-color); }
@media screen and (max-width: 1400px){
	.m_link{ padding:18px 0; }
	.m_link b{ font-size: 18px; }
	.m_link a{ font-weight: normal; font-size: 16px; padding:0 10px; }
}
@media screen and (max-width: 1200px){
	.m_link{ padding:16px 0; }
	.m_link b{ font-size: 16px; font-weight: normal; }
	.m_link a{ font-size: 14px; padding:0 8px; }
}
@media screen and (max-width: 992px){
	.m_link{ padding:15px 0; }
	.m_link b{ font-size: 15px; }
	.m_link a{ font-size: 13px; padding:0 6px; }
}
@media screen and (max-width: 768px){
	.m_link b{ font-size: 14px; }
	.m_link a{ font-size: 12px; padding:0 4px; }
}

/*footer*/
.footer{ overflow: hidden; box-sizing:border-box; padding-top: 60px; position: relative; background: url(../images/footer_bg.jpg) no-repeat top center; background-size: cover; }
.footer::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 3; background: rgba(36,36,36,.95); }
.footer .inner{ position: relative; z-index: 33; }
.footer .hd{ overflow: hidden; margin-bottom:24px; }
.footer .hd span{ display: block; font-size: 36px; color: #ffffff; font-family: DinMedium; line-height: 1; }
.footer .hd b{ display: inline-block; font-size: 16px; color: #ffffff; line-height: 2.5; border-bottom: 1px solid #fff; font-weight: normal; }
.footer .bd{ min-height: 164px; }
.f_top{ display: flex; align-items: flex-start; justify-content: space-between; }

.f_nav{ width: 25%; overflow: hidden; position: relative; }
.f_nav::after{ content: ""; display: inline-block; width: 1px; height: 100%; border:0; position: absolute; top:0; right:30px; background: #3f4142; }
.f_nav .bd{ width: 180px; overflow: hidden; }
.f_nav .bd a{ font-size: 14px; line-height: 2.1; color: #8d8f90; display: inline-block; }
.f_nav .bd a:nth-child(even){ margin-left: 50px; }

.f_contact{ width: 25%; box-sizing:border-box; padding-right:25px; }
.f_contact .bd p{ font-size: 14px; color: #8c9093; line-height: 2; }
.f_project{ width: 25%; overflow: hidden; box-sizing:border-box; padding-left: 60px; position: relative; }
.f_project::after{ content: ""; display: inline-block; width: 1px; height: 100%; border:0; position: absolute; top:0; left:0; background: #3f4142; }
.f_project .bd a{ display: block; font-size: 14px; line-height: 2; color: #8c9093; }
.f_ewm{ width: 25%; overflow: hidden; padding-left: 60px; position: relative; }
.f_ewm::after{ content: ""; display: inline-block; width: 1px; height: 100%; border:0; position: absolute; top:0; left:0; background: #3f4142; }
.f_ewm .bd div{ width: 109px; }
.f_ewm .bd div img{ max-width: 100%; }
.f_ewm .bd p{ text-align: center; font-size: 14px; color: #8c9093; line-height: 2; }

.f_copy{ border-top: 1px solid rgba(255,255,255,.16); margin-top: 30px; padding:20px 0; }
.f_copy .inner{ display: flex; align-items: center; justify-content: space-between; }
.f_copy p, .f_copy a{ font-size: 14px; color: #62676a; }
.f_nav a:hover, .f_contact a:hover, .f_project a:hover, .f_copy a:hover{ color: #fff; }
@media screen and (max-width: 1400px){
	.footer{ padding-top: 50px; }
	.f_nav{ width: 22%; }
	.f_contact{ width: 30%; padding-right: 40px; }
	.f_project{ width: 28%; }
	.f_ewm{ width: 20%; }
	.f_nav::after{ right: 40px; }
	.f_project, .f_ewm{ padding-left: 40px; }
	.footer .hd{ margin-bottom:20px; }
	.footer .hd span{ font-size: 32px; }
	.footer .hd b{ font-size: 15px; }
	.f_copy .inner{ padding:0; }
}
@media screen and (max-width: 1200px){
	.footer{ padding-top: 40px; }
	.f_nav{ width: 22%; }
	.f_contact{ width: 30%; padding-right: 20px; }
	.f_project{ width: 28%; }
	.f_ewm{ width: 20%; }
	.f_nav::after{ right: 20px; }
	.f_project, .f_ewm{ padding-left: 20px; }
	.footer .hd{ margin-bottom:20px; }
	.footer .hd span{ font-size: 26px; }
	.footer .hd b{ font-size: 14px; }
	.f_nav .bd a:nth-child(even){ margin-left: 30px; }
	.f_contact .bd p{ line-height: 1.8; }
}
@media screen and (max-width: 992px){
	.footer{ padding-top: 30px; }
	.f_top{ flex-wrap: wrap; }
	.f_nav{ width: 50%; padding-left: 30px; border-bottom: 1px solid #3f4142; }
	.f_contact{ width: 50%; padding-left: 30px; border-bottom: 1px solid #3f4142; padding-right: 0; }
	.f_project{ width: 50%; padding-left: 30px; padding-top: 30px; }
	.f_ewm{ width: 50%; padding-left: 30px; padding-top: 30px; }
	.f_nav::after{ right: 0; }
	.f_project::after{ right:0; left: auto; }
	.f_ewm::after{ display: none; }
}
@media screen and (max-width: 768px){
	.footer{ padding-top: 25px; padding-bottom: 55px; }
	.f_nav{ width: 50%; padding-left: 15px; border-bottom: 1px solid #3f4142; }
	.f_contact{ width: 50%; padding-left: 15px; border-bottom: 1px solid #3f4142; padding-right: 0; }
	.f_project{ width: 50%; padding-left: 15px; padding-top: 15px; }
	.f_ewm{ width: 50%; padding-left: 15px; padding-top: 15px; }
	.f_copy{ margin-top: 15px; padding:15px 0; }
	.f_copy .inner{ flex-direction: column; justify-content: center; }
	.f_copy p{ text-align: center; line-height: 1.5; }

}
@media screen and (max-width: 640px){
	.footer{ padding-top: 20px; }
	.f_copy{ padding:12px 0; }
	.f_copy p, .f_copy a{ font-size: 13px; }
	.footer .bd{ min-height: auto; }
	.f_nav{ width: 100%; padding-left: 0; padding-bottom: 20px; border-bottom: 1px solid #3f4142; }
	.f_contact{ width: 100%; padding-left: 0; border-bottom: 1px solid #3f4142; padding-right: 0; padding: 20px 0; }
	.f_project{ width: 100%; padding-left: 0; padding-top: 0; padding: 20px 0; }
	.f_ewm{ width: 100%; padding-left: 0; padding-top: 0; padding: 20px 0; }
	.f_nav .bd{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; }
	.f_nav .bd a{ width: 25%; text-align: center; }
	.f_nav .bd a:nth-child(even){ margin-left: 0; }
	.f_project::after{ display:none; }
	.f_nav::after{ display:none; }
	.f_contact .bd, .f_project .bd, .f_ewm .bd{ text-align: center; }
	.f_ewm .bd div{ width: auto; }
	.footer .hd{ text-align: center; }
	.f_copy{ margin-top: 0; }
}
@media screen and (max-width: 576px){
	.footer{ padding-top: 15px; }
	.f_copy{ padding:10px 0; }
	.f_copy p, .f_copy a{ font-size: 13px; }
}
@media screen and (max-width: 414px){
	.f_copy{ padding:12px 0; }
}

/*down*/
.down{ width: 100%; height: 52px; background:#211f1f; color: #ffffff; font-size: 16px; position: fixed; bottom: 0;display: block; z-index: 33; }
.down li{ width: 25%; box-sizing: border-box; border-right: solid 1px #ffffff; text-align: center; line-height: 15px; float: left; padding-top: 4px; height: 52px; list-style:none; }
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
	.down{display: none;}
}

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call .fixedTop p{ line-height: 45px; }
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
@media screen and (max-width: 768px){
	.plugin-fixed-call{ display: none; }
}

/*de-page-mian*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 576px){
}
@media screen and (max-width: 414px){
}

/*animation*/
.scale{ visibility: visible;-webkit-animation:scale-bg 6s linear infinite alternate forwards;animation:scale-bg 6s linear infinite alternate forwards;}
/*location*/
.location{ overflow: hidden; background: #fff; position: relative; z-index: 33; padding:30px 0; border-radius: 5px; margin-top:-77px; margin-bottom: 25px; }
.catname{ overflow: hidden; }
.catname b{ font-size: 24px; color: var(--zhu-color); display: inline-block; padding:0 30px; float: left; }
.catname div{ float: left; }
.catname div a{ display: inline-block; font-weight: bold; border-radius: 5px; padding:10px 24px; line-height: 1; background: #fff; font-size: 18px; color: #333333; margin:0 12px; transition: all .3s; }
.catname div a:hover{ background: #eeeff0; color: var(--zhu-color); }
.r_location{ text-align: right; line-height: 38px; padding-right: 30px; font-size: 14px; color: #333333; }
.r_location a{ font-size: 14px; color: #333333; line-height: 38px; }
.r_location span{ font-size: 16px; line-height: 1; margin-right: 10px; color: var(--zhu-color); }
.r_location a:hover{ color: var(--zhu-color); }
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 576px){
}
@media screen and (max-width: 414px){
}
/*pro_list*/
.pro_list{ overflow: hidden; }
.pro_list a{ display: block; width: 100%; height: 312px; overflow: hidden; position: relative; margin-bottom: 30px; }
.pro_list a img{ width: 100%; height: 100%; object-fit: cover;transition: all .3s; }
.pro_list a > b{ width: 100%; font-size: 18px; font-weight: normal; color: #ffffff; display: block; position: absolute; bottom:0; height: 62px; line-height: 62px; background: rgba(0,0,0,.58); box-sizing:border-box; padding:0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list a:hover img{ transition: all .3s; transform: scale(1.05); }
@media screen and (max-width: 1400px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 992px){
}
@media screen and (max-width: 768px){
}
@media screen and (max-width: 640px){
}
@media screen and (max-width: 576px){
}
@media screen and (max-width: 414px){
}

.teacher_list a{ height: 280px; }
/*.teacher_list a img{ object-fit: contain; }*/
.team_list{ overflow: hidden; position: relative; }
.team_list .tit{ transition: all .3s; position: absolute; left: 0; bottom:0; background: rgba(46,87,182,.8); width: 100%; box-sizing: border-box; padding:16px 26px; }
.team_list .tit b{ font-size: 18px; font-weight: bold; color: #fff; line-height: 1; margin-bottom: 8px; display: block; }
.team_list .tit p{ font-size: 14px; color: #fff; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team_list .info{ position: absolute; top:100%; left: 0; width: 100%; height: 100%; background: rgba(46,87,182,.8); box-sizing: border-box; padding:15px; transition: all .3s; }
.team_list .info b{ font-size: 18px; color: #fff; display: inline-block; margin-right: 10px; }
.team_list .info span{ font-size: 16px; color: #fff; }

.team_list .info p{ font-size: 14px; line-height: 24px; color: #fff; }
.team_list a:hover .tit{ height: 0; opacity: 0; transition: all .3s; }
.team_list a:hover .info{ transition: all .3s; top:0; left: 0; }

/*info-top*/
.info-top{overflow: hidden;margin-bottom: 20px;}
.info-tit > span{padding-left: 30px;font-size: 16px;color: #616161;}
.info-tit > span{font-size: 24px;color: var(--zhu-color);line-height: 40px;}
.info-tit > div{padding:20px 0;border-top:1px dotted #dddddd;border-bottom:1px dotted #dddddd; clear: both; margin-bottom: 20px; }
.info-tit > div p{font-size: 14px;color: #616161;line-height: 36px;}
.info-bd{ background: #fff; }
.go_order{padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin-top: 30px; outline: none;}
.go_order:hover{background: #FE4200;}
.a_tit{background: #ebeced;margin:20px 0;clear: both;}
.a_tit dd{padding:12px 20px;color: #fff;display: inline-block;font-size: 18px;background: var(--zhu-color);margin:0;}
#prev_next{border-top: 1px dotted #868686;margin:2rem 0;padding:2rem 0;}
.article{ width: 100%; }
.article p, .article td{ font-size: 16px; line-height: 30px; }
.article .meta_info{ padding:15px 0; font-size: 14px; color: #666; }
.article h1{ font-size: 24px; color: #333; font-weight: bold; }
.article img{ max-width: 100%; margin:12px auto; }
.article td{ padding:12px 0; }
table{ border-collapse: collapse; border-spacing: 0; }
.jobs-info{padding: 40px 10px 30px; margin-bottom: 28px; border-bottom: 1px dashed #ededed;}
.jobs-info .h3{overflow: hidden; margin-bottom: 15px;}
.jobs-info .h3 .job-name{float: left; font-weight: bold; font-size: 20px; color: #333333; width: 450px;}
.jobs-info .h3 .job-price{float: right; font-weight: bold; font-size: 24px; color: #237ed2; line-height: 1.1; max-width: 360px;}
.jobs-info .h3 .job-price em{font-weight: normal; font-size: 16px;}
.jobs-info .p{font-size: 13px; color: #999999; line-height: 20px; margin-bottom: 10px;}
.jobs-info .p span{color: #595959;}
.jobs-info .btn{padding-top: 10px; overflow: hidden;}
.jobs-info .btn a{display: block; width: 230px; height: 44px; text-align: center; line-height: 44px; color: #fff; background: #237ed2; font-size: 14px;}
.jobs-info .btn a:hover{background: #0058b1;}
.jobs-info-content{padding: 0 20px; overflow: hidden;}
.jobs-info-content h3{font-size: 18px; color: #333333; font-weight: bold; line-height: 1.1; margin-bottom: 10px;}
.jobs-info-content p{font-size: 14px; color: #333; line-height: 24px;}
.apply-job{overflow: hidden; margin-top: 20px;}
.apply-job .job-tr{overflow: hidden;}
.apply-job .job-tr .tr-over{overflow: hidden;}
.apply-job .job-tr .error{padding-left: 75px; height: 18px; line-height: 18px; font-size: 12px; color: #f00;}
.apply-job .job-tr .tr-title{float: left; width: 50px; min-height: 20px; text-align: right; font-size: 14px; color: #808080; margin-right: 25px; line-height: 40px;}
.apply-job .job-tr .tr-cont{float: left; width: 640px;}
.apply-job .job-tr .tr-cont h3{font-size: 14px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.apply-job .job-tr .tr-cont input[type=text]{line-height: 38px; font-size: 14px; color: #333; display: block; padding: 0 10px; width: 618px; height: 38px; border: 1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont input[name='captcha']{font-size: 14px; line-height: 38px; color: #333; width: 190px; float: left; margin-right: 30px;}
.apply-job .job-tr .tr-cont .verify{cursor: pointer; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.apply-job .job-tr .tr-cont .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.apply-job .job-tr .tr-cont textarea{font-size: 14px; color: #333; display: block; height: 170px; line-height: 20px; padding: 5px 10px; width: 618px; border: 1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont.radio-cont{line-height: 40px;}
.apply-job .job-tr .tr-cont.radio-cont input[type=radio]{margin-right: 10px;}
.apply-job .job-tr .tr-cont.radio-cont label{margin-right: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.apply-job .job-tr .tr-cont a.submit{display: block; width: 190px; height: 40px; line-height: 40px; text-align: center; background: #237ed2; color: #fff; font-size: 15px;}
.apply-job .job-tr .tr-cont a.submit:hover{background: #0058b1;}
/*meidia query*/

/* @media (max-width: 1700px) {
	.h_top{ padding:10px 15px; }
	.h_news{ bottom:-1px; }
	img{ max-width: 100%; }
	#mob_banner img{ max-width: 100%; }
}

@media (max-width: 1500px) {
	.s_type b{ background-size: contain; }
}
@media (max-width: 1400px) {
	.inner{ padding:0 15px; }
	.h_top{ padding:10px 0 64px; }
	.h_top .navbar{ display: flex; padding:0 15px; justify-content: space-between; }
	.h_top .navbar-nav{ padding:0; width: 100%; }
	.h_top .navbar-nav li{ width: 12.5%; text-align: center; padding:0; }
	#navbar-content{ position: absolute; top:90px; width: 100%; margin:0 -20px; }
	.m_about{ padding:30px 0; }
	.m_about .hd .tit > span{ margin:20px 0; }
	.m_about .hd a{ margin-top: 20px; }
	.m_credit .hd{ padding:0; }
	img{ max-width: 100%; }
	.m_credit .hd .type a{ padding:25px 5px; }
	.f_ewm{ padding-left: 90px; }
	.catname div{ margin-left: 10px; }
	.catname div a{ margin:0 15px; }
	.m_credit .hd .tit > b{ font-size: 52px; }
	.h_top .navbar-nav .nav-link::before{ top:-12px; }
}
@media (max-width: 1200px) {
	.h_top{ position: static; background: var(--zhu-color); }
	.m_credit .hd .tit{ padding:15px 0; }
	.m_credit .hd .tit > span{ margin:12px 0 0; }
	.m_about .hd .tit > span{ margin:12px 0; }
	.m_credit .type{ margin-top: 15px; }
	.newlist a > div{ width: 72%; }
	.newlist a span{ width: 22%; }
	.footer .hd span{ font-size: 32px; }
	.f_project, .f_ewm{ padding-left: 30px; }
	.f_nav::after{ right: 0; }
	.f_ewm::after{ left: 0; }
	.scroll_d{ background: var(--zhu-color); }
	.catname div a{ margin:0; }
	.teacher_list a{ height: 360px; }
	.m_credit .hd .tit > b, .m_news .hd .tit > b,.m_about .hd .tit > b{ font-size: 45px; }
	.m_about .inner, .m_credit .inner, .m_news .inner{ padding:0; }
	.m_credit .bd{ padding:15px; }
	.m_news{ padding-bottom: 30px; }
	.m_news .hd .tit{ padding:15px 0; }
	.m_news .more{ padding:30px 0; }
	.m_news .hd .tit > span{ margin:12px 0; }
	.m_news .bd{ margin-left: 0; padding:30px 15px; }
}
@media (max-width: 992px) {
	.h_top{ padding:0 0 93px; }
	.h_top .navbar{ padding:10px 15px; }
	.h_top .navbar-nav{ display: block; overflow: hidden; }
	.h_top .navbar-nav li{display: inline-block; margin:0; width: 25%; float: left; padding:10px 0; border-right:1px solid #fff; border-bottom: 1px solid #fff; }
	.h_top .navbar-nav li:nth-child(4), .h_top .navbar-nav li:nth-child(8){ border-right: 0; }
	.h_top .navbar-nav li:nth-child(5),.h_top .navbar-nav li:nth-child(6), .h_top .navbar-nav li:nth-child(7),	.h_top .navbar-nav li:nth-child(8){ border-bottom: 0; }
	.h_top .navbar-nav::before, .h_top .navbar-nav li:nth-child(9){ display: none; }
	.h_top .navbar-nav li:hover{ background: #c30d23; color: #fff; }
	.h_top .navbar-nav .nav-link::before{ display: none; }
	.h_top .navbar-nav li .d_menu{ display: none; }
	#navbar-content{ margin:0 0 0 -15px; top:90px; box-sizing:border-box; border:1px solid #fff; }
	.m_about .list{ margin:15px 0; overflow: hidden; }
	.m_about .list li{ width: 50%; float: left; border-top: 1px solid #dfe0e2; }
	.m_about .img{ display: none; }
	.m_credit .type{ margin-top: 20px; }
	.m_news{ padding-bottom: 15px; }
	.m_news .bd{ padding:25px; }
	.m_news .bd > div{ padding:0; }
	.f_msg{ padding:15px; background-size: cover; }
	.footer > .scale_img{ background-size: cover!important; }
	.f_nav, .f_contact{ margin-bottom: 30px; }
	.f_nav .bd{ width: 100%; }
	.f_nav .bd a{ width: 50%; float: left; }
	.f_nav .bd a:nth-child(even){ margin-left: 0; }
	.f_project, .f_ewm{ padding-left: 0; }
	.f_nav::after{ height: 100%; }
	.f_project::after{ right: 0;  left:auto; height: 100%; }
	.f_ewm::after{ display: none; }
	.f_copy{ margin-bottom: 70px; }
	
	.s_banner{ background-size: cover; height: 64px; }
	.s_banner b{ padding:10% 0 18px; }
	.location{ padding:15px 15px 45px; margin-top:-46px; }
	.r_location{ padding-right: 0; }
	.catname b{ padding:0;  }
	.catname div{ margin:0 0 0 10px; }
	.catname div a{ background: #f1f1f1; border-radius: 3px;font-size: 16px; font-weight: normal; padding: 10px 12px; margin: 0 5px; }
	.s_type div a{ width: 48%; float: left; margin:0 1%; border-top: 1px solid #d4d4d6; border-bottom: 1px solid #d4d4d6; }
	.pro_list a{ height: 260px; }
	.teacher_list a{ height: 360px; }
	.h_news{ display: none; }
	.img_news .txt span{ margin: 20px 0; }
	.m_news{ background-size: cover; }
	.newlist a + a{ margin-top: 15px; }
	.f_msg input{ width:calc(100% - 44px); }
	.f_msg .img .txt b{ font-size: 24px; }
	.f_msg .img .txt span{ font-size: 18px; }
	.f_msg .img .txt i{ font-size: 24px; }
	.f_msg .img{ padding:15px; }
}
@media (max-width: 768px) {
	.plugin-fixed-call, .m_news .more{ display: none; }
	.m_credit .hd .tit{ padding:15px 0; }
	.m_news .hd .tit{ padding:30px 0; }
	.m_about .hd .tit > b, .m_credit .hd .tit > b, .m_news .hd .tit > b{ font-size: 40px; float: left; }
	.m_about .hd .tit > span, .m_credit .hd .tit > span, .m_news .hd .tit > span{ display: inline-block; float: left; margin:15px 0 0 15px; }
	.m_credit .type{ margin-top: 0; }
	.f_msg{ background-image: none; }
	.f_msg .row{ text-align: center; }
	.catname b{ display: block; width: 100%; }
	.location{ position: relative; padding:15px 0 15px; }
	.location .col-md-4{ position: static; }
	.r_location{ position: absolute; top:15px; right: 30px; }
	.catname div{ width: 100%; margin-top:20px; margin-left: 0; }
	.catname div a{ width: 23.5%; margin:0 .5%; text-align: center; }
	.catname div a:hover{ background: var(--zhu-color); color: #fff; }
	.teacher_list a{ height: 400px; }
	.article td:nth-child(4){ display: none; }
	.m_about{ background-size: cover; }
	.h_top .navbar-text{ display: none; }
	.h_top .navbar-brand{ width: 100%; justify-content: center; align-items: center; }
	.img_news .txt span{ padding:10px 20px; font-size: 15px; }
	.f_msg .img{ display: none; }
	.f_msg .inner, .f_msg .inner > div{ padding:0; }
    .footer > .mask{ padding-top: 30px; }
    .footer{ height: 680px; }
}
@media (max-width: 640px) {
	.m_credit .type a{ padding:8px; }
	.m_credit .type a span{ font-size: 14px; }
	.m_news .bd{ margin-left: 0; padding:15px; }
	.newlist a span b{ font-size: 30px; }
	.newlist a span{ font-size: 14px; height: 76px; }
	.newlist a > div{ width: 70%; }
	.newlist a > div b{ font-size: 16px; }
	.newlist a > div p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.newlist a + a{ margin-top: 12px; }
	.s_banner{ height: 260px; }
	.catname div a{ font-size: 16px; font-weight: normal; }
	.article{ padding:0 15px; }
	.teacher_list a{ height: 320px; }
	.img_news .txt span{ padding:8px 16px; font-size: 14px; }
	.newlist a > div b{ height: auto; line-height: 1.5; margin-bottom: 12px; }
}
@media (max-width: 576px) {
	.main .inner{ padding:0; }
	.h_top{ padding:0 0 72px; }
	.h_top .navbar{ padding:10px 15px; margin:0; }
	#navbar-content{ top:81px; margin:0 -15px; }
	.h_top .navbar-nav li{ line-height: 1; padding:10px 0; font-size: 14px; }
	.h_top .navbar-nav li .nav-link{ line-height: 1;font-size: 14px; }
	.m_about .hd .tit, .m_credit .hd .tit, .m_news .hd .tit{ margin-bottom: 15px; }
	.m_about .hd .tit > b, .m_credit .hd .tit > b, .m_news .hd .tit > b{ font-size: 30px; float: left; }
	.m_about .hd .tit > span, .m_credit .hd .tit > span, .m_news .hd .tit > span{ display: inline-block; float: left; margin:15px 0 0 15px; font-size: 14px; }
	.m_about .list li b{ font-size: 28px; }
	.m_about .list li > span{ right: 0; }
	.m_about .list li p{ font-size: 12px; }
	.h_news{ display: none; }
	.m_credit .hd .fl > b{ font-size: 24px; }
	.m_credit .hd .fl > span{ font-size: 14px; }
	.m_credit .bd a{ height: 180px; }
	.footer{ height: 1164px; }
	.footer > .mask{ padding-top: 40px; }
	.f_nav, .f_content, .f_project, .f_ewm{ margin-bottom: 20px; }
	.f_nav::after, .f_project::after{ display: none; }
	.f_copy{ line-height: 1.8; padding:15px 0; height: auto; overflow: hidden; }
	.s_banner{ height: 50px; }
	.catname b{ font-size: 18px; }
	.r_location{ right: 15px; }
	.r_location span{ font-size: 12px; }
	.r_location, .r_location a{ font-size: 12px; line-height: 30px; }
	.location{ padding: 15px 0; }
	.catname div a{ width: 48%; margin:.7%; }
	#prev_next li{ width: 100%; text-align: center; }
	#prev_next li + li{ margin-top: 10px; text-align: center; }
	.main .contact_tit{ margin:12px 15px; }
	.pro_list a{ height: 182px; }
	.teacher_list a{ height: 320px; }
	.h_top .navbar-nav .nav-link{ margin:0; }
	.img_news .txt span{ padding:6px 12px; font-size: 13px; }
	.f_copy{ font-size: 12px; }
}

@media (max-width: 414px) {
    .newlist a span{ width: 26%; height: 70px; margin-right: 0; }
    .newlist a > div{ width: 74%; box-sizing: border-box; padding-left: 12px; }
} */